.search_input{
    background-color: #EFEEEC;
    height: 90rpx;
    padding: 10rpx;
    navigator{
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 15rpx;
        color: #666;
    }
}

.nav_scroll{
    display: flex;
    white-space: nowrap;
    height: 60rpx;
    .nav_item{
        padding: 0 30rpx;
        font-size: 28rpx;
        height: 60rpx;
        line-height: 60rpx;
        .nav_content{
            height: 60rpx;
            box-sizing: border-box;

        }
        .active{
            color: var(--themeColor);
            border-bottom: solid 5rpx currentColor;
        }

    }
}

.video_scroll{
    margin-top: 10rpx;
    height: calc(100vh - 160rpx);
    .video_item{
        padding: 0 3%;
        image{
            border-radius: 20rpx;
        }
    }
    .title{
        height: 60rpx;
        line-height: 60rpx;
        font-size: 32rpx;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-bottom: 1rpx solid #ccc;
    }
    .creator_wrap{
        padding: 20rpx 0;
        display: flex;
        align-items: center;
        image{
            width: 60rpx;
            height: 60rpx;
            border-radius: 50%;
            margin-right: 15rpx;
        }
        .iconfont{
            text-align: right;
            flex: 1;
            font-size: 24rpx;
        }
        button{
            background: #fff;
        }
        .share{
            text-align: center;
            font-size: 40rpx;
        }
    }
}